<template>
	<view class="container">
		<view style="background-color: #F7F7F7;height: 20rpx;width: 100%;"></view>
		<view class="img-view">
			<image show-menu-by-longpress="true" class="img" :src="appId==='wx8033fe9de99c902d'?'../../static/contact_wx_yuyouyou.jpg':'../../static/contact_wx.png'"></image>
		</view>
		<text v-if="appId!='wx8033fe9de99c902d'" class="hint">扫描二维码联系客服</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				appId: getApp().globalData.appid,
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
		background-color: #F7F7F7;
	}
	
	.container{
		width:100%;
		height:100%;
		background:linear-gradient(180deg,rgba(255,247,216,1) 0%,rgba(255,221,132,1) 100%);
		opacity:1;
		
		display: flex;
		flex-direction: column;
		align-items: center;
		
		@include contact-customer-bg();
	}
	
	.img-view{
		width:360rpx;
		height:360rpx;
		border:1px solid $app-main-color;
		opacity:1;
		margin-top: 180rpx;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.img{
		width: 300rpx;
		height: 300rpx;
	}
	
	.hint{
		font-size:40rpx;
		font-weight:bold;
		color:rgba(51,51,51,1);
		opacity:1;
		margin-top: 30rpx;
	}
	

</style>
